﻿<!DOCTYPE html>
<html>
  <head>
    <title>1.2好友列表</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/1_2好友列表/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/1_2好友列表/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- 内容面板 (动态面板) -->
      <div id="u350" class="ax_default" data-label="内容面板">
        <div id="u350_state0" class="panel_state" data-label="State1" style="">
          <div id="u350_state0_content" class="panel_state_content">

            <!-- Rank list (中继器) -->
            <div id="u351" class="ax_default" data-label="Rank list">
              <script id="u351_script" type="axure-repeater-template" data-label="Rank list">

                <!-- Unnamed (矩形) -->
                <div id="u352" class="ax_default box_1 u352">
                  <div id="u352_div" class="u352_div"></div>
                </div>

                <!-- 称号 (矩形) -->
                <div id="u353" class="ax_default box_1 u353" data-label="称号">
                  <div id="u353_div" class="u353_div"></div>
                  <div id="u353_text" class="text u353_text">
                    <p><span>name</span></p>
                  </div>
                </div>
              </script>
              <div id="u351-1" class="preeval" style="width: 280px; height: 54px;">

                <!-- Unnamed (矩形) -->
                <div id="u352-1" class="ax_default box_1 u352" style="width: 280px; height: 54px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u352-1_div" class="u352_div" style="width: 280px; height: 54px;visibility: inherit"></div>
                  <div id="u352-1_text" class="text u352_text" style="position: absolute;left: 2px;top: 19px;width: 276px;visibility: inherit">
                    <p><span>10</span></p>
                  </div>
                </div>

                <!-- 称号 (矩形) -->
                <div id="u353-1" class="ax_default box_1 u353" data-label="称号" style="width: 57px; height: 19px; left: 73px; top: 17px;visibility: inherit">
                  <div id="u353-1_div" class="u353_div" style="width: 57px; height: 19px;visibility: inherit"></div>
                  <div id="u353-1_text" class="text u353_text" style="position: absolute;left: 2px;top: 2px;width: 53px;visibility: inherit">
                    <p><span>樱花</span></p>
                  </div>
                </div>
              </div>
              <div id="u351-2" class="preeval" style="width: 280px; height: 54px;">

                <!-- Unnamed (矩形) -->
                <div id="u352-2" class="ax_default box_1 u352" style="width: 280px; height: 54px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u352-2_div" class="u352_div" style="width: 280px; height: 54px;visibility: inherit"></div>
                  <div id="u352-2_text" class="text u352_text" style="position: absolute;left: 2px;top: 19px;width: 276px;visibility: inherit">
                    <p><span>2</span></p>
                  </div>
                </div>

                <!-- 称号 (矩形) -->
                <div id="u353-2" class="ax_default box_1 u353" data-label="称号" style="width: 57px; height: 19px; left: 73px; top: 17px;visibility: inherit">
                  <div id="u353-2_div" class="u353_div" style="width: 57px; height: 19px;visibility: inherit"></div>
                  <div id="u353-2_text" class="text u353_text" style="position: absolute;left: 2px;top: 2px;width: 53px;visibility: inherit">
                    <p><span>仙人掌</span></p>
                  </div>
                </div>
              </div>
              <div id="u351-3" class="preeval" style="width: 280px; height: 54px;">

                <!-- Unnamed (矩形) -->
                <div id="u352-3" class="ax_default box_1 u352" style="width: 280px; height: 54px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u352-3_div" class="u352_div" style="width: 280px; height: 54px;visibility: inherit"></div>
                  <div id="u352-3_text" class="text u352_text" style="position: absolute;left: 2px;top: 19px;width: 276px;visibility: inherit">
                    <p><span>12</span></p>
                  </div>
                </div>

                <!-- 称号 (矩形) -->
                <div id="u353-3" class="ax_default box_1 u353" data-label="称号" style="width: 57px; height: 19px; left: 73px; top: 17px;visibility: inherit">
                  <div id="u353-3_div" class="u353_div" style="width: 57px; height: 19px;visibility: inherit"></div>
                  <div id="u353-3_text" class="text u353_text" style="position: absolute;left: 2px;top: 2px;width: 53px;visibility: inherit">
                    <p><span>夏鹃</span></p>
                  </div>
                </div>
              </div>
              <div id="u351-4" class="preeval" style="width: 280px; height: 54px;">

                <!-- Unnamed (矩形) -->
                <div id="u352-4" class="ax_default box_1 u352" style="width: 280px; height: 54px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u352-4_div" class="u352_div" style="width: 280px; height: 54px;visibility: inherit"></div>
                  <div id="u352-4_text" class="text u352_text" style="position: absolute;left: 2px;top: 19px;width: 276px;visibility: inherit">
                    <p><span>4</span></p>
                  </div>
                </div>

                <!-- 称号 (矩形) -->
                <div id="u353-4" class="ax_default box_1 u353" data-label="称号" style="width: 57px; height: 19px; left: 73px; top: 17px;visibility: inherit">
                  <div id="u353-4_div" class="u353_div" style="width: 57px; height: 19px;visibility: inherit"></div>
                  <div id="u353-4_text" class="text u353_text" style="position: absolute;left: 2px;top: 2px;width: 53px;visibility: inherit">
                    <p><span>虞美人</span></p>
                  </div>
                </div>
              </div>
              <div id="u351-5" class="preeval" style="width: 280px; height: 54px;">

                <!-- Unnamed (矩形) -->
                <div id="u352-5" class="ax_default box_1 u352" style="width: 280px; height: 54px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u352-5_div" class="u352_div" style="width: 280px; height: 54px;visibility: inherit"></div>
                  <div id="u352-5_text" class="text u352_text" style="position: absolute;left: 2px;top: 19px;width: 276px;visibility: inherit">
                    <p><span>22</span></p>
                  </div>
                </div>

                <!-- 称号 (矩形) -->
                <div id="u353-5" class="ax_default box_1 u353" data-label="称号" style="width: 57px; height: 19px; left: 73px; top: 17px;visibility: inherit">
                  <div id="u353-5_div" class="u353_div" style="width: 57px; height: 19px;visibility: inherit"></div>
                  <div id="u353-5_text" class="text u353_text" style="position: absolute;left: 2px;top: 2px;width: 53px;visibility: inherit">
                    <p><span>桂花</span></p>
                  </div>
                </div>
              </div>
              <div id="u351-6" class="preeval" style="width: 280px; height: 54px;">

                <!-- Unnamed (矩形) -->
                <div id="u352-6" class="ax_default box_1 u352" style="width: 280px; height: 54px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u352-6_div" class="u352_div" style="width: 280px; height: 54px;visibility: inherit"></div>
                  <div id="u352-6_text" class="text u352_text" style="position: absolute;left: 2px;top: 19px;width: 276px;visibility: inherit">
                    <p><span>32</span></p>
                  </div>
                </div>

                <!-- 称号 (矩形) -->
                <div id="u353-6" class="ax_default box_1 u353" data-label="称号" style="width: 57px; height: 19px; left: 73px; top: 17px;visibility: inherit">
                  <div id="u353-6_div" class="u353_div" style="width: 57px; height: 19px;visibility: inherit"></div>
                  <div id="u353-6_text" class="text u353_text" style="position: absolute;left: 2px;top: 2px;width: 53px;visibility: inherit">
                    <p><span>白兰</span></p>
                  </div>
                </div>
              </div>
              <div id="u351-7" class="preeval" style="width: 280px; height: 54px;">

                <!-- Unnamed (矩形) -->
                <div id="u352-7" class="ax_default box_1 u352" style="width: 280px; height: 54px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u352-7_div" class="u352_div" style="width: 280px; height: 54px;visibility: inherit"></div>
                  <div id="u352-7_text" class="text u352_text" style="position: absolute;left: 2px;top: 19px;width: 276px;visibility: inherit">
                    <p><span>24</span></p>
                  </div>
                </div>

                <!-- 称号 (矩形) -->
                <div id="u353-7" class="ax_default box_1 u353" data-label="称号" style="width: 57px; height: 19px; left: 73px; top: 17px;visibility: inherit">
                  <div id="u353-7_div" class="u353_div" style="width: 57px; height: 19px;visibility: inherit"></div>
                  <div id="u353-7_text" class="text u353_text" style="position: absolute;left: 2px;top: 2px;width: 53px;visibility: inherit">
                    <p><span>风信子·</span></p>
                  </div>
                </div>
              </div>
              <div id="u351-8" class="preeval" style="width: 280px; height: 54px;">

                <!-- Unnamed (矩形) -->
                <div id="u352-8" class="ax_default box_1 u352" style="width: 280px; height: 54px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u352-8_div" class="u352_div" style="width: 280px; height: 54px;visibility: inherit"></div>
                  <div id="u352-8_text" class="text u352_text" style="position: absolute;left: 2px;top: 19px;width: 276px;visibility: inherit">
                    <p><span>19</span></p>
                  </div>
                </div>

                <!-- 称号 (矩形) -->
                <div id="u353-8" class="ax_default box_1 u353" data-label="称号" style="width: 57px; height: 19px; left: 73px; top: 17px;visibility: inherit">
                  <div id="u353-8_div" class="u353_div" style="width: 57px; height: 19px;visibility: inherit"></div>
                  <div id="u353-8_text" class="text u353_text" style="position: absolute;left: 2px;top: 2px;width: 53px;visibility: inherit">
                    <p><span>翠菊</span></p>
                  </div>
                </div>
              </div>
              <div id="u351-9" class="preeval" style="width: 280px; height: 54px;">

                <!-- Unnamed (矩形) -->
                <div id="u352-9" class="ax_default box_1 u352" style="width: 280px; height: 54px; left: 0px; top: 0px;visibility: inherit">
                  <div id="u352-9_div" class="u352_div" style="width: 280px; height: 54px;visibility: inherit"></div>
                  <div id="u352-9_text" class="text u352_text" style="position: absolute;left: 2px;top: 19px;width: 276px;visibility: inherit">
                    <p><span>27</span></p>
                  </div>
                </div>

                <!-- 称号 (矩形) -->
                <div id="u353-9" class="ax_default box_1 u353" data-label="称号" style="width: 57px; height: 19px; left: 73px; top: 17px;visibility: inherit">
                  <div id="u353-9_div" class="u353_div" style="width: 57px; height: 19px;visibility: inherit"></div>
                  <div id="u353-9_text" class="text u353_text" style="position: absolute;left: 2px;top: 2px;width: 53px;visibility: inherit">
                    <p><span>木槿</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u354" class="ax_default label">
              <div id="u354_div" class=""></div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u355" class="ax_default _图像">
              <img id="u355_img" class="img " src="images/1_我的/u243.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u356" class="ax_default _图像">
              <img id="u356_img" class="img " src="images/1_我的/u243.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u357" class="ax_default _图像">
              <img id="u357_img" class="img " src="images/1_我的/u243.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u358" class="ax_default _图像">
              <img id="u358_img" class="img " src="images/1_我的/u243.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u359" class="ax_default _图像">
              <img id="u359_img" class="img " src="images/1_我的/u243.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u360" class="ax_default _图像">
              <img id="u360_img" class="img " src="images/1_我的/u243.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u361" class="ax_default _图像">
              <img id="u361_img" class="img " src="images/1_2好友列表/u361.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u362" class="ax_default _图像">
              <img id="u362_img" class="img " src="images/1_2好友列表/u361.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u363" class="ax_default _图像">
              <img id="u363_img" class="img " src="images/1_2好友列表/u361.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u364" class="ax_default _图像">
              <img id="u364_img" class="img " src="images/1_2好友列表/u361.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u365" class="ax_default _图像">
              <img id="u365_img" class="img " src="images/1_2好友列表/u361.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u366" class="ax_default _图像">
              <img id="u366_img" class="img " src="images/1_2好友列表/u361.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u367" class="ax_default _图像">
              <img id="u367_img" class="img " src="images/1_2好友列表/u367.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u368" class="ax_default _图像">
              <img id="u368_img" class="img " src="images/1_2好友列表/u367.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u369" class="ax_default _图像">
              <img id="u369_img" class="img " src="images/1_2好友列表/u367.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u370" class="ax_default _图像">
              <img id="u370_img" class="img " src="images/1_2好友列表/u367.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u371" class="ax_default _图像">
              <img id="u371_img" class="img " src="images/1_2好友列表/u367.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u372" class="ax_default _图像">
              <img id="u372_img" class="img " src="images/1_2好友列表/u367.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u373" class="ax_default box_1">
              <div id="u373_div" class=""></div>
              <div id="u373_text" class="text ">
                <p><span>植物卡</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u374" class="ax_default box_1">
              <div id="u374_div" class=""></div>
              <div id="u374_text" class="text ">
                <p><span>赠花</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u375" class="ax_default _图像">
              <img id="u375_img" class="img " src="images/1_我的/u243.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u376" class="ax_default _图像">
              <img id="u376_img" class="img " src="images/1_2好友列表/u361.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u377" class="ax_default _图像">
              <img id="u377_img" class="img " src="images/1_2好友列表/u367.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u378" class="ax_default _图像">
              <img id="u378_img" class="img " src="images/1_我的/u243.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u379" class="ax_default _图像">
              <img id="u379_img" class="img " src="images/1_2好友列表/u361.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u380" class="ax_default _图像">
              <img id="u380_img" class="img " src="images/1_2好友列表/u367.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u381" class="ax_default _图像">
              <img id="u381_img" class="img " src="images/1_我的/u243.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u382" class="ax_default _图像">
              <img id="u382_img" class="img " src="images/1_2好友列表/u361.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u383" class="ax_default _图像">
              <img id="u383_img" class="img " src="images/1_2好友列表/u367.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u384" class="ax_default box_1">
        <div id="u384_div" class=""></div>
        <div id="u384_text" class="text ">
          <p><span>好友列表</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u385" class="ax_default" data-left="66" data-top="129" data-width="326" data-height="659">

        <!-- Unnamed (图片) -->
        <div id="u386" class="ax_default _图像">
          <img id="u386_img" class="img " src="images/1_我的/u215.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u387" class="ax_default _图像">
          <img id="u387_img" class="img " src="images/1_我的/u216.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u388" class="ax_default _图像">
          <img id="u388_img" class="img " src="images/1_我的/u217.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u389" class="ax_default _图像">
          <img id="u389_img" class="img " src="images/1_我的/u218.png"/>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u390" class="ax_default _图像">
        <img id="u390_img" class="img " src="images/1_我的/u219.png"/>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u391" class="ax_default" data-left="298" data-top="233" data-width="70" data-height="21">

        <!-- Unnamed (组 合) -->
        <div id="u392" class="ax_default" data-left="298" data-top="233" data-width="70" data-height="21">

          <!-- Unnamed (矩形) -->
          <div id="u393" class="ax_default button">
            <div id="u393_div" class=""></div>
          </div>

          <!-- 大开关圆 (椭圆形) -->
          <div id="u394" class="ax_default ellipse" data-label="大开关圆">
            <img id="u394_img" class="img " src="images/1_我的/大开关圆_u224.png"/>
          </div>

          <!-- 小开关圆 (椭圆形) -->
          <div id="u395" class="ax_default ellipse" data-label="小开关圆">
            <img id="u395_img" class="img " src="images/1_我的/小开关圆_u225.png"/>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u396" class="ax_default" data-left="305" data-top="240" data-width="18" data-height="7">

          <!-- Unnamed (椭圆形) -->
          <div id="u397" class="ax_default ellipse">
            <img id="u397_img" class="img " src="images/1_我的/u227.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u398" class="ax_default ellipse">
            <img id="u398_img" class="img " src="images/1_我的/u228.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u399" class="ax_default ellipse">
            <img id="u399_img" class="img " src="images/1_我的/u227.png"/>
          </div>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u400" class="ax_default line">
          <img id="u400_img" class="img " src="images/1_我的/u230.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u401" class="ax_default box_1">
        <img id="u401_img" class="img " src="images/1_2好友列表/u401.png"/>
        <div id="u401_text" class="text ">
          <p><span><br></span></p><p><span>1.进入‘好友’页面</span></p><p><span><br></span></p><p><span>2.页面上有好友的信息：包括名字，等级，称号</span></p><p><span><br></span></p><p><span>3.页面上还有两个键，一个是植物卡，一个是赠花</span></p><p><span><br></span></p><p><span>4.点击植物卡，可以向好友炫耀分享自己的植物卡</span></p><p><span>e.g单击植物卡进入1.2.1炫耀植物卡页面</span></p><p><span><br></span></p><p><span>5.点击赠花，可以把仓库里的花送给好友</span></p><p><span>e.g单击赠花，进入1.2.1赠花页面</span></p><p><span><br></span></p><p><span>6.点击等级下拉按钮，对好友列表进行排序，可以选择‘等级从高到低’或‘等级从低到高’排序。</span></p><p><span><br></span></p><p><span>7.点击选择会下拉选项，点击任意选项即会自动排序，并向上隐藏列表</span></p><p><span><br></span></p><p><span>8.按住屏幕上下滑动,可以看到隐藏好友列表,滑到底部的时候会显示全部加载完成.列表可以向上向下加载.</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u402" class="ax_default _三级标题">
        <div id="u402_div" class=""></div>
        <div id="u402_text" class="text ">
          <p><span>好友页面</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u403" class="ax_default label">
        <div id="u403_div" class=""></div>
        <div id="u403_text" class="text ">
          <p><span>说明：</span></p>
        </div>
      </div>

      <!-- 等级 (矩形) -->
      <div id="u404" class="ax_default box_1" data-label="等级">
        <div id="u404_div" class=""></div>
        <div id="u404_text" class="text ">
          <p><span>等级</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u405" class="ax_default icon">
        <img id="u405_img" class="img " src="images/1_2好友列表/u405.png"/>
      </div>

      <!-- rank (动态面板) -->
      <div id="u406" class="ax_default ax_default_hidden" data-label="rank" style="display:none; visibility: hidden">
        <div id="u406_state0" class="panel_state" data-label="State1" style="">
          <div id="u406_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u407" class="ax_default box_1">
              <div id="u407_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u408" class="ax_default label">
              <div id="u408_div" class=""></div>
              <div id="u408_text" class="text ">
                <p><span>等级从低到高</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u409" class="ax_default label">
              <div id="u409_div" class=""></div>
              <div id="u409_text" class="text ">
                <p><span>等级从高到低</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u410" class="ax_default box_1 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u410_div" class=""></div>
        <div id="u410_text" class="text ">
          <p><span>已全部加载完成</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
